.subject-page {
  padding: 16px;
  .add {
    height: 100px;
    width: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    vertical-align: top;
    border-radius: 8px;
    color: #999;
    border: 1px dashed;
    margin: 73px 0 0 20px;
    &:hover {
      color: #40a9ff;
      cursor: pointer;
    }
  }
  .subject-item {
    margin: 20px;
    strong {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

.subject-editor {
  .item {
    margin-top: 20px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    input {
      flex: 1;
    }
  }
}